define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'template', 'echarts', 'echarts-theme'], function ($, undefined, Backend, Table, Form, Template, Echarts) {

    var Controller = {
        index: function () {
        	var that = this;
            console.log(Echarts.version);
            //这句话在多选项卡统计表时必须存在，否则会导致影响的图表宽度不正确
            $(document).on("click", ".charts-custom a[data-toggle=\"tab\"]", function () {
                var that = this;
                setTimeout(function () {
                    var id = $(that).attr("href");
                    var chart = Echarts.getInstanceByDom($(id)[0]);
                    chart.resize();
                }, 0);
            });
            
            Fast.api.ajax({
                url: Fast.api.fixurl("csmonline/charthome/chart"),
                type: "post"
            }, function (data, ret) {
                that._render(data);
                return false;
            }, function (data, ret) {
                return false;
            });
        },
        _render:function(data){
            if(true){
                // 在线人数
                var lineChart = Echarts.init(document.getElementById('line-chart'), 'walden');
                console.log(data.online);
                // 指定图表的配置项和数据
				var option = {
					tooltip: {
					    trigger: 'axis'
					},	
					legend: {},
					dataset : {
						dimensions: ['stathour2', 'uvsn', 'uvsy'],
						source : data.online
					},
				    xAxis: {type: 'category'},
				    yAxis: {boundaryGap: false,},
				    series: [
				        {type: 'line',name:'游客'},
				        {type: 'line',name:'登录用户'},
				    ]
				};

                // 使用刚指定的配置项和数据显示图表。
                lineChart.setOption(option);       	
            }

           
            if(true){
            	// 设备访问
                var pieChart = Echarts.init(document.getElementById('pie-chart'), 'walden');
                var option = {
                    tooltip: {
                        trigger: 'item',
                        formatter: '{a} <br/>{b}: {c} ({d}%)'
                    },
                    legend: {
                        orient: 'vertical',
                        left: 10,
                        data: ['移动设备', 'PC设备']
                    },
                    series: [
                        {
                            name: '访问来源',
                            type: 'pie',
                            radius: ['50%', '70%'],
                            avoidLabelOverlap: false,
                            label: {
                                normal: {
                                    show: false,
                                    position: 'center'
                                },
                                emphasis: {
                                    show: true,
                                    textStyle: {
                                        fontSize: '30',
                                        fontWeight: 'bold'
                                    }
                                }
                            },
                            labelLine: {
                                normal: {
                                    show: false
                                }
                            },
                            data: [
                                {value: data.pcmobile.mobileus, name: '移动设备'},
                                {value: data.pcmobile.pcus, name: 'PC设备'}
                            ]
                        }
                    ]
                };
                // 使用刚指定的配置项和数据显示图表。
                pieChart.setOption(option);           	
            }

            

            if(true){
            	//注册人数
                var barChart = Echarts.init(document.getElementById('simplebar-chart'));
                option = {
                	    legend: {},
                	    tooltip: {},
                	    dataset: {
                	        // 这里指定了维度名的顺序，从而可以利用默认的维度到坐标轴的映射。
                	        // 如果不指定 dimensions，也可以通过指定 series.encode 完成映射，参见后文。
                	        dimensions: ['stathour2', 'newregisteredus'],
                	        source: data.register
                	    },
                	    xAxis: {type: 'category'},
                	    yAxis: {},
                	    series: [
                	        {type: 'bar',name:'新增注册人数'}
                	    ]
                };
                // 使用刚指定的配置项和数据显示图表。
                barChart.setOption(option);
            }

            if(true){
            	//总注册人数
                var barChart = Echarts.init(document.getElementById('smoothline-chart'));
                option = {
                	    legend: {},
                	    tooltip: {},
                	    dataset: {
                	        // 这里指定了维度名的顺序，从而可以利用默认的维度到坐标轴的映射。
                	        // 如果不指定 dimensions，也可以通过指定 series.encode 完成映射，参见后文。
                	        dimensions: ['statdate', 'allregisteredus'],
                	        source: data.allregister
                	    },
                	    xAxis: {type: 'category'},
                	    yAxis: {},
                	    series: [
                	        {type: 'line',name:'总注册人数'}
                	    ]
                };
                // 使用刚指定的配置项和数据显示图表。
                barChart.setOption(option);
            }
        }
    };
    return Controller;
});